<template>
  <div id="left-top">
    <div class="title">人均消费金额排名</div>
    <div class="sub-title">Ranking of per capita consumption amount</div>
    <BaseEChart :chartOption="amountRankOption" />
  </div>
</template>
<script setup lang="ts">
import { defineComponent } from "vue";
import BaseEChart from "@/components/BaseEChart.vue";
import { amountRankOption } from "@/utils/amount-rank-option";
</script>
<style scoped>
#left-top {
  position: absolute;
  top: 130px;
  left: 20px;
  width: 500px;
  height: 320px;
}
</style>
